﻿@page "/credits"

<Seo Canonical="/credits" Title="Blazorise Credits" Description="List of awesome projects that we used or are still using to build some parts of Blazorise code with their names, descriptions, and links." />

<Row>
    <Column Margin="Margin.Is4.FromTop">
        <Container>
            <Row>
                <Column ColumnSize="ColumnSize.Is8" Margin="Margin.IsAuto.OnX">
                    <Heading Size="HeadingSize.Is1" TextColor="TextColor.Dark" Margin="Margin.Is4.FromBottom">
                        Credits
                    </Heading>

                    <Row>
                        <Column>
                            <Heading Size="HeadingSize.Is2" TextColor="TextColor.Dark" Margin="Margin.Is4.FromBottom">
                                List of awesome projects that we used or are still using to build some parts of Blazorise code with their names, descriptions, and links.
                            </Heading>
                        </Column>
                    </Row>

                    <Row RowColumns="RowColumns.Are2">
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://getbootstrap.com/" Title="Bootstrap" TextColor="TextColor.Secondary">Bootstrap</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Bootstrap provider
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://flowbite.com/" Title="Flowbite" TextColor="TextColor.Secondary">Flowbite</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Flowbite is an open source collection of UI components built with the utility classes from Tailwind CSS that you can use as a starting point when coding user interfaces and websites.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Tailwind provider
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://bulma.io/" Title="Bulma" TextColor="TextColor.Secondary">Bulma</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Bulma provider
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://ant.design/" Title="Ant Design" TextColor="TextColor.Secondary">Ant Design</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    An enterprise-class UI design language and React UI library
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            AntDesign provider
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://djibe.github.io/material/" Title="Material 2" TextColor="TextColor.Secondary">Material 2</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Daemonite's Material UI 2 is a fully responsive front-end interface based on Google Material Design developed using Bootstrap 4.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Material provider
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://mudblazor.com/" Title="MudBlazor" TextColor="TextColor.Secondary">MudBlazor</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    MudBlazor is perfect for .NET developers who want to rapidly build amazing web applications without having to struggle with CSS and Javascript.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Documentation generator and documentation code samples
                                        </UnorderedListItem>
                                        <UnorderedListItem>
                                            DragDrop components
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://atomiks.github.io/tippyjs/" Title="Tippy.js" TextColor="TextColor.Secondary">Tippy.js</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Tooltip component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://flatpickr.js.org/" Title="flatpickr.js" TextColor="TextColor.Secondary">flatpickr.js</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    flatpickr is a lightweight and powerful datetime picker.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            DatePicker component
                                        </UnorderedListItem>
                                        <UnorderedListItem>
                                            TimePicker component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://quilljs.com/" Title="Quill.js" TextColor="TextColor.Secondary">Quill.js</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            RichTextEdit component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/Ionaru/easy-markdown-editor" Title="Easy MarkDown Editor" TextColor="TextColor.Secondary">Easy MarkDown Editor</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Markdown component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://www.chartjs.org/" Title="Chart.js" TextColor="TextColor.Secondary">Chart.js</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Simple yet flexible JavaScript charting for designers and developers.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Chart component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://nagix.github.io/chartjs-plugin-streaming/latest/" Title="chartjs-plugin-streaming" TextColor="TextColor.Secondary">chartjs-plugin-streaming</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Chart.js plugin for live streaming data.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Chart Streaming component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/mikoskinen/Blazor.Animate" Title="Blazor.Animate" TextColor="TextColor.Secondary">Blazor.Animate</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Blazor.Animate is an animation component for Blazor. With Blazor.Animate you can animate how other components are brought to the view. You can easily add fade, slide and zoom-effects and even add easing to the animations.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Animate component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/RobinHerbots/Inputmask" Title="Inputmask" TextColor="TextColor.Secondary">Inputmask</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Inputmask is a javascript library that creates an input mask. Inputmask can run against vanilla javascript, jQuery, and jqlite.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            MaskEdit component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://jakiestfu.github.io/Behave.js/" Title="Behave.js" TextColor="TextColor.Secondary">Behave.js</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Advanced features for MemoEdit component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/Simonwep/pickr" Title="pickr.js" TextColor="TextColor.Secondary">pickr.js</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            ColorPicker component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/FluentValidation/FluentValidation" Title="Link to FluentValidation" TextColor="TextColor.Secondary">FluentValidation</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    A validation library for .NET that uses a fluent interface and lambda expressions for building strongly-typed validation rules.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            FluentValidation component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/airbnb/lottie-web" Title="Link to lottie-web" TextColor="TextColor.Secondary">lottie-web</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Render After Effects animations natively on Web, Android and iOS, and React Native. https://airbnb.io/lottie/
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            LottieAnimation component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/kozakdenys/qr-code-styling" Title="Link to qr-code-styling" TextColor="TextColor.Secondary">QR Code Styling</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    JavaScript library for generating QR codes with a logo and styling.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            QRCode component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://github.com/fengyuanchen/cropperjs" Title="Link to cropperjs" TextColor="TextColor.Secondary">cropperjs</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    JavaScript image cropper.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Cropper component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                        <Column Margin="Margin.Is3.FromBottom">
                            <Card>
                                <CardHeader>
                                    <CardTitle Size="3">
                                        <Anchor To="https://michalsnik.github.io/aos/" Title="Link to aos library" TextColor="TextColor.Secondary">AOS</Anchor>
                                    </CardTitle>
                                </CardHeader>
                                <CardBody>
                                    Animate On Scroll Library.
                                </CardBody>
                                <CardBody>
                                    <Paragraph>
                                        Part of the code we used it for:
                                    </Paragraph>
                                    <UnorderedList>
                                        <UnorderedListItem>
                                            Animate component
                                        </UnorderedListItem>
                                    </UnorderedList>
                                </CardBody>
                            </Card>
                        </Column>
                    </Row>
                </Column>
            </Row>
        </Container>
    </Column>
</Row>